.hotkey {
  position: absolute;
  top: @bar-base-height;
  right: 0;
  bottom: 0;
  display: table;
  width: 1.6rem;
  overflow: hidden;
  background: 0;
  z-index: 1000;
  .hotkey-item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    a {
      display: block;
      padding: 0 .4rem;
      height: .9rem;
      line-height: .9rem;
      color: @color-text;
      font-size: .75rem;
      font-weight: bold;
    }
  }
}

.city-container {
  //overflow: scroll;
  background-color: #FFF;
  .city-title {
    //display: block;
    padding: .2rem .75rem;
    color: @color-text-gray;
    background-color: @color-bg;
    font-weight: normal;
  }
  .city-item {
    box-sizing: border-box;
    //display: -webkit-box;
    display: inline-block;
    padding: .2rem .6rem;
    margin: .2rem .15rem;
    text-align: center;
    color: @color-text;
    font-size: .8rem;
    &.active {
      background-color: @color-danger;
      color: #FFF;
    }
  }
}